.flexbox{
	display:flex;
}
header{
	background:#e4366b;
	height:38px;
	line-height:38px;
	text-align:center;
	border-bottom:1px solid #5d5c5c;
	color:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2;
	
}
.content{
	z-index:1;
	.search{
		@extend .flexbox;
		justify-content:center;
		align-items:center;
		height:36px;
		background:#666;
		margin-top:39px;
		p{
			@extend .flexbox;
			width:80%;
			border:none;
			border-radius:10px;
			background:#fff;
			padding:1px;
			span{
				margin:5px 5px 0 10px;
			}
			input{
				border:none;
         		height: 22px;
          		width:80%;
			}
		}
	}
	.banner{
		img{
			display:block;
			width:100%;
		}
	}
	.menu{
		@extend .flexbox;
		border-bottom:1px solid #666;
		.imgs{
			flex:1;
			padding:5px;
			margin:10px;
			img{
				display:block;
				width:100%;
			}	
		}
		.wenzi{
			font-size:14px;
			flex:2;
			margin:10px;
			margin-top:20px;
			.title{	
				line-height:20px;
			}
			.sell{
				color:red;
				padding:5px;
				font-size:14px;
				span{
					color:#dfdedf;
					padding-left:10px;
					text-decoration:line-through;
					font-size:12px;
				}
			}
			.zhekou{
				font-size:12px;
				padding-left:5px;
			}
			i{
				float:right;
				margin-right:10px;
				margin-top:-20px;
			}
		}
	}
}
footer{
	height:auto;
	background:#484850;
	position:fixed;
	width:100%;
	-webkit-box:1;
	bottom:0;
	right:0;
	left:0;
	.footer-nav{
		@extend .flexbox;
		justify-content:center;
		align-items:center;
		
		li{
			text-align:center;
			flex:1;
			padding-top:5px;
			padding-bottom:5px;
			p{
				color:#fff;
				font-size:12px;
				padding-top:3px;
			}
		}
		li.show{
			border-top:2px solid #e4366b;
		}
	}
}